
<!DOCTYPE html>

<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="css/goods.css">
	<title>二手帮-免费二手中介网站</title>

<!--图片放大-->
	<script src="js/jquery.min.js"></script>
	<script   src="js/modernizr-custom-v2.7.1.min.js"></script>
	<script>
		$(document).ready(function(){
	var $miaobian=$('.Xcontent08>div');
	var $huantu=$('.Xcontent06>img');
	var $miaobian1=$('.Xcontent26>div');
	$miaobian.mousemove(function(){miaobian(this);});
	$miaobian1.click(function(){miaobian1(this);});
	function miaobian(thisMb){
		for(var i=0; i<$miaobian.length; i++){
			$miaobian[i].style.borderColor = '#dedede';
		}
		thisMb.style.borderColor = '#cd2426';

		$huantu[0].src = thisMb.children[0].src;
	}
	function miaobian1(thisMb1){
		for(var i=0; i<$miaobian1.length; i++){
			$miaobian1[i].style.borderColor = '#dedede';
		}
//		thisMb.style.borderColor = '#cd2426';
		$miaobian.css('border-color','#dedede');
		thisMb1.style.borderColor = '#cd2426';
		$huantu[0].src = thisMb1.children[0].src;
	}
			$(".Xcontent33").click(function(){
			var value=parseInt($('.input').val())+1;
       		$('.input').val(value);
		})

		$(".Xcontent32").click(function(){	
			var num = $(".input").val()
			if(num>0){
				$(".input").val(num-1);
			}

		})

		})






	</script>

-->
</head>

<body  style="background-color:#F2F2F2;" id="top">

<header style="width: 1230px;line-height:2.5em;margin:0 auto;height: 34px;font-size: 12px;">
	<div style="display: inline;">
		<span style="padding-right: 1em">欢迎来二手帮</span>
	</div>

	<div style="float: right">
		<a href="#" class="keyList">首页</a>
		<a href="#" class="keyList">个人中心</a>
	</div>
</header>
<div style="text-align: center;height:60px;background: white">
	<img src="images/shangpinxiangqing/X19.png" style="margin: 20 auto">
</div>
	<!--
<div id="search" class="search">
	<div style="position: absolute;width: 625px;height: 100px;left: 50%;top: 50%;margin-top: -50px;margin-left: -312.5px;margin-bottom: 60px;float:top;">
		<div style="position: relative;width: 625px;height:40px;left: 50%;top: 50%;margin-top: -20px;margin-left: -312.5px;margin-bottom: 60px">
			<form style="margin-bottom: 60px">
				<input type="text" style="border: 2px solid #ff552e;width: 77%;height: 40px;margin-bottom: 60px" placeholder="搜索您想要的宝贝"><button type="submit" style="border: 2px solid #ff552e;width: 22%;height: 44px;background: #ff552e;color: white;font-size: 18px;font-weight: 700;letter-spacing: 5px;margin-bottom: 60px">搜索</button>
			</form>
		</div>
	</div>
</div>
-->
<div class="Xcontent">
		<ul class="Xcontent01">
			
				<div class="Xcontent06"><img src="images/shangpinxiangqing/X1.png"></div>
				<ol class="Xcontent08">
					<div class="Xcontent07"><img src="images/shangpinxiangqing/X1.png"></div>
					<div class="Xcontent09"><img src="images/shangpinxiangqing/X7.png"></div>
					<div class="Xcontent10"><img src="images/shangpinxiangqing/X8.png"></div>
					<div class="Xcontent11"><img src="images/shangpinxiangqing/X9.png"></div>
					<div class="Xcontent12"><img src="images/shangpinxiangqing/X10.png"></div>
				</ol>
				<ol class="Xcontent13">
					<div class="Xcontent14"><a href="#"><p>充电宝</p></a></div>
					<!--<div class="Xcontent15"><img src="images/shangpinxiangqing/X11.png"></div>-->
					<div class="Xcontent16"><p>充电5分钟，温暖2小时</p></div>
					<div class="Xcontent17">
						<p class="Xcontent18">售价</p>
						<p class="Xcontent19">￥<span>69.00</span></p>
						<!--
						<div class="Xcontent20">
							<p class="Xcontent21">促销</p>
							<img src="images/shangpinxiangqing/X12.png">
							<p class="Xcontent22">领610元新年礼券，满再赠好礼</p>
						</div>
						-->
						<div class="Xcontent23">
							<p class="Xcontent25">充电宝是指可以直接给移动设备充电且自身具有储电单元的装置。目前市场主要品类多功能性充电宝，基本都配置的标准的USB输出，基本能满足目前市场常见的移动设备手机、MP3、MP4、PDA、PSP、蓝牙耳机、数码相机等多种数码产品。</p>
						</div>

					</div>
					<!--
					<div class="Xcontent26">
						<p class="Xcontent27">颜色</p>
						<div class="Xcontent28"><img  src="images/shangpinxiangqing/X14.png"></div>
							<div class="Xcontent29"><img  src="images/shangpinxiangqing/X1.png"></div>
					</div>
					<div class="Xcontent30">
						<p class="Xcontent31">数量</p>
						<div class="Xcontent32"><img src="images/shangpinxiangqing/X15.png"></div>
						<form>	
            <input class="input" value="1"></form>
						<div class="Xcontent33"><img src="images/shangpinxiangqing/16.png"></div>

					</div>-->
					<div class="Xcontent34"><a href="#"><img src="images/shangpinxiangqing/X17.png"></a></div>
				
			</ol>
		
			
			
		</ul>
		
	</div>
</body>
</html>
 